<template>
  <div class="serve">
    <!-- 头部 -->
    <InsideHeader :bannerType="bannerType"></InsideHeader>

    <!-- 面包屑 -->
    <!-- <crumb></crumb> -->
    <div class="crumb">
            <div class="block">  
                <div class="crumbL">
                    <nuxt-link :to="{name: 'index'}">首页</nuxt-link>
                    <em>></em>
                    <nuxt-link :to="{name: 'serve-serveList'}">服务支持</nuxt-link>
                    <em>></em>
                    <nuxt-link :to="{name: 'serve-exhibitionHallW'}" class="on">走进智能制造</nuxt-link>
                    <div class="clear"></div>
                </div>
                <!-- <div class="crumbR">
                    <nuxt-link :to="{name: 'serve-culCenter'}">培训中心</nuxt-link>
                    <nuxt-link :to="{name: 'serve-exhibitionHallW'}">走进智能制造</nuxt-link>
                    <nuxt-link :to="{name: 'serve-callCenterW'}">Call Center</nuxt-link>
                    <nuxt-link :to="{name: 'serve-afterServiceW'}">售后服务</nuxt-link>
                    <nuxt-link :to="{name: 'serve-serveFaqW'}">FAQ</nuxt-link>
                    <nuxt-link :to="{name: 'serve-serveQuestionsW'}">问询与建议</nuxt-link>
                    <nuxt-link :to="{name: 'serve-serveAttestationW'}">认证机构查询</nuxt-link>
                    <div class="clear"></div>
                </div> -->
                <div class="clear"></div>
            </div>
        </div>


    <!-- exhibitionHallW -->
    <div class="block">
        <div class="exhibitionHallW">
             <!-- Ctit -->
            <div class="Ctit">
                <p>走进智能制造</p>
            </div>
            <div class="exhibitionHallWT">
                <div class="cms">
                    <img src="../../static/images/zhanding.jpg"/>
                    <p>三菱电机的工业自动化产品自六十年代进入中国，如今已被广泛应用于汽车、纺织、包装印刷、食品饮料、电子半导体、机床、新能源等领域，见证了中国工业的发展。同时，也为社会基础设施建设提供有力支持，例如楼宇、电力、水处理、轨道交通等。<br>

三菱电机FA事业在中国的开展，从1993年设立“菱电国际（上海）有限公司”开始。随着中国经济的发展，事业不断扩大。从本地化生产，到全国服务网络的完善；从产品的推广销售，到综合解决方案的提供；从TCOE（Total Cost of Ownership Engineering）降低客户综合成本到TVOE（Total Value of Ownership Engineering）为客户提供综合价值方案，三菱电机着眼于未来，不断变革和创新，与时俱进。</p>
                </div>
            </div>
            <div class="noticeWN">                                
                <a href="javascript:;" :class="showindex==0?'on':''" @click="noticeWN(0)">智能制造科创中心</a>
                <a href="javascript:;" :class="showindex==1?'on':''" @click="noticeWN(1)">智能制造应用体验中心</a>
                <div class="clear"></div>
            </div>
            <div class="exhibitionHallWC">
                <!-- 智能制造科创中心 -->
                <div class="exhibitionHallWCO" v-if="showindex==0">
                    <img src="../../static/images/exhibitionHallWCO.jpg" alt="智能制造科创中心"/>
                </div>
                <!-- 智能制造应用体验中心 -->
                <div class="exhibitionHallWCO" v-if="showindex==1">
                    <img src="../../static/images/exhibitionHallWCO.jpg" alt="智能制造应用体验中心"/>
                </div>
            </div>
        </div>
    </div>
    
   
    <!-- 链接 -->
    <Insidelink></Insidelink>

    <!-- 底部 -->
    <HomeHooter></HomeHooter>
  </div>
</template>

<script>
import $ from "jquery";
import "@/assets/css/home.css";
import "@/assets/css/serve.css";
import InsideHeader from "@/components/head";
import HomeHooter from "@/components/footer";
import crumb from "@/components/crumb";
import Insidelink from "@/components/link";

export default {
  name: "exhibitionHallW",
  data() {
    return {
        showindex: 0,
        bannerType:'exhibitionHallW'
    };
  },
  components: {
    InsideHeader,
    HomeHooter,
    crumb,
    Insidelink
  },
  methods: {
    noticeWN(e) {
      this.showindex = e;
    }
  }
};
</script>

<style scoped>
</style>